<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>常用元素操作 - layui.element</title>
	<link rel="stylesheet" href="../libs/layui/layui-2.9.14/dist/css/layui.css">
	<script src="../libs//layui//layui-2.9.14/dist/layui.js"></script>
	<style>


	</style>
</head>

<body>

	<div class="layui-tab" lay-allowClose="true" lay-filter="demo">
		<ul class="layui-tab-title">
			<li class="layui-this">网站设置</li>
			<li>商品管理</li>
			<li>订单管理</li>
		</ul>
		<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">内容1</div>
			<div class="layui-tab-item">内容2</div>
			<div class="layui-tab-item">内容3</div>
		</div>
	</div>
	
	<span class="layui-breadcrumb"  lay-separator=">">
		<a href="">首页</a>
		<a href="">国际新闻</a>
		<a href="">亚太地区</a>
		<a><cite>正文</cite></a>
	  </span>

	<script>
		layui.use('element', function () {
			var element = layui.element;

			//一些事件触发
			element.on('tab(demo)', function (data) {
				console.log(data);
			});
		});
	</script>
</body>

</html>